<template>
  <div id="app">
    <keep-alive :include='"index"'>
      <router-view></router-view>
    </keep-alive>
    
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>
* {
  margin: 0;
  padding: 0;
}
html,
body {
  width: 100%;
  height: 100%;
}
ul {
  list-style: none;
}
a {
  text-decoration: none;
}
img {
  vertical-align: center;
}
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100%;
  height: 100%;
}
button{
  margin: 0;
  padding: 0;
  border: 0px;
  /*消除默认点击蓝色边框效果*/
  outline: none;
}
input{
  background:none;  
	outline:none;  
	border:none;
}

/* 点击hover效果 变色   导航 */
.app-my .el-tree .el-tree-node:focus>.el-tree-node__content{
	background: #2D2D2D;
}
.app-my .el-tree .el-tree-node__content:hover {
	background: #2D2D2D;
}
/* 导航 前面的图标 */
[class*=" el-icon-"], [class^=el-icon-] {
  vertical-align: middle;
}
/* 导航 三角*/
.app-my .el-icon-caret-right:before { 
  content: '';
  background: url('./assets/zhankai1@2x.png') no-repeat center center; 
  background-size: cover;
  width: 10px;
  height:6px;
  display: block;
}
.app-my .el-icon-caret-right:before { 
  content: '';
  display: block;
  background: url('./assets/shouqi1@2x.png') no-repeat center center; 
  background-size: cover;
  width: 6px;
  height:10px;
}
.app-my .el-tree-node__content{
  height: 60px;
  color: #fff;
}

.app-my .el-tree-node__content>.el-tree-node__expand-icon{
  /* padding: 0; */
    /* padding:6px 0;
  padding-left: 32px;
  padding-right: 14px; */
  padding: 20px;
}



/* 移动到的导航 */
/* 导航 三角*/
.yidongdao-top-daohang .el-icon-caret-right:before { 
  content: '';
  background: url('./assets/yidongsanjiao2.png') no-repeat 0 2px; 
  background-size: cover;
  width: 15px;
  height: 15px;
  display: block;
}
.yidongdao-top-daohang .el-icon-caret-right:before { 
  content: '';
  display: block;
  background: url('./assets/yidongsanjiao.png') no-repeat 0 2px; 
  background-size: cover;
  width: 15px;
  height: 15px;
}
.yidongdao-top-daohang .el-tree-node__content{
  height: 46px;
}


::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}


.el-container{
  background: #F7F7F7;
}


.app-my .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {    background-color: #2D2D2D;
}
/* 我修改过:hover时的样式 */

  /* .el-tree-node__content:hover {    background-color: #66b1ff87;
  } */
/* 你要改点击，应该这样就可以了 */

/* .el-tree-node__content {    background-color: #66b1ff87;
  } */

.el-tree-node__content{
  display: flex;
}



.el-radio{
  display: block;
  height: 30px;
  width: 100%;
}
.el-radio__input.is-checked .el-radio__inner{
  background: #393939!important;
  border-color: #393939!important;
}
.el-radio__input.is-checked+.el-radio__label{
  color: #333!important;
}
.el-radio__inner:hover{
  border-color:#393939;
}

input::-webkit-input-placeholder { /* WebKit browsers */
 
color: #C3C3C3 !important;
font-size: 14px;
 
}
 
input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
 
color: #C3C3C3 !important; 
 font-size: 14px;
} 
 
input::-moz-placeholder { /* Mozilla Firefox 19+ */
 
color: #C3C3C3 !important;
 font-size: 14px;
} 
input::-ms-input-placeholder {    /* Internet Explorer 10+ */  
 
color: #C3C3C3 !important; 
 font-size: 14px;
}


.el-radio-button__inner, .el-radio-group{
  display: block;
}
</style>
